<!DOCTYPE html>
<!-- saved from url=(0034)http://colordove.github.io/resume/ -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <title>胡健的简历</title>
    <meta name="description" content="我是一个充满活力、对前端由衷热爱、善于发现问题的前端工程师。我目前正在寻找前端工程师岗位，希望借此机会为贵司献上我的一点绵薄之力，快招我到碗里来吧！">
    <meta name="keywords" content="DIYgod,前端,工作,简历">
    <link rel="shortcut icon" href="http://colordove.github.io/resume/favicon.ico">
    <link rel="stylesheet" href="./胡健的简历_files/style.min.css">
    <link rel="stylesheet" href="./胡健的简历_files/fontello.min.css">
    <link rel="stylesheet" href="./胡健的简历_files/zoom.css">
    <script async="" src="./胡健的简历_files/analytics.js.下载"></script><script>
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
                    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
                m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

        ga('create', 'UA-48084758-4', 'auto');
        ga('send', 'pageview');

    </script>
</head>
<body>
    <div class="container">
        <div class="sidebar">
            <div class="title">
                <img src="./胡健的简历_files/resume-head.png" data-action="zoom">
                <h1>胡健的简历</h1>
                <h2></h2>
            </div>
            <ul class="side-info">
                <li class="someRight">
                    <dt><i class="icon-bookmark"></i>联系方式</dt>
                    <dd><i class="icon-phone-1"></i>电话: 17682304435</dd>
                    <dd><i class="icon-mail-alt"></i>邮箱: <a type="mail" href="mailto:hujian201@gmail.com" target="_blank">hujian201@gmail.com</a></dd>
                    <dd><i class="icon-wechat"></i>微信: HuJian201</dd>
                    <dd><i class="icon-wechat"></i>微博: <a href="http://weibo.com/card1840" target="_black">color_cat</a></dd>                    
                    <dd><i class="icon-qq"></i>QQ: <a href="http://wpa.qq.com/msgrd?v=3&amp;uin=624598206&amp;site=qq&amp;menu=yes" target="_blank">624598206</a></dd>
                </li>
                <li class="someRight">
                    <dt><i class="icon-bookmark"></i>应聘岗位</dt>
                    <dd>前端工程师</dd>
                </li>
            </ul>
            <div class="note">
                <p>Hello我是一个对编程和文学抱有浓厚兴趣的前端工程师。</p>
                <p>目前正在寻找前端岗位的工作机会！</p>
                <p>如果您处理简历速度很快，那么在8月5日（周六）前联系我时请尽量在中午12:30-2:00之间哦，谢谢！</p>
            </div>
        </div>
        <div class="main">
            <ul class="main-info">
                <li class="someRight">
                    <dt><i class="icon-bookmark"></i>Basic info 基本信息</dt>
                    <dd><strong>个人信息:</strong> <span>胡健 / 男 / 23岁</span></dd>
                    <dd><strong>毕业院校:</strong> <span>三亚学院 ／ 本科 ／ 信息管理与信息系统</span></dd>
                    <dd><strong>工作年限:</strong> <span>一年</span></dd>
                    <dd><strong>英文:</strong> <span>CET4、扇贝单词330+天打卡</span></dd>
                    <dd><strong>博客:</strong> <a href="https://colordove.github.io/" target="_blank">colordove.github.io</a></dd>
                    <dd><strong>GitHub:</strong> <a href="https://www.github.com/colordove" target="_blank">www.github.com/colordove</a><iframe src="./胡健的简历_files/github-btn.html" frameborder="0" scrolling="0" width="170px" height="20px"></iframe></dd>
                </li>
                <li>
                    <dt><i class="icon-bookmark"></i>Experience 项目与工作经验</dt>
                    <h3><span>杭州顽途网络技术有限公司（2016.6 - 2017.8)</span></h3>
                    <ul class="exp">
                        <li>
                            <div class="circle"></div>
                            <h4>信用无忧（APP）<a href="https://itunes.apple.com/us/app/xin-yong-wu-you/id1004444669?l=zh&amp;ls=1&amp;mt=8" target="_black">访问AppStore</a></h4>
                            <p>负责<a href="https://itunes.apple.com/us/app/xin-yong-wu-you/id1004444669?l=zh&amp;ls=1&amp;mt=8" target="_blank">信用无忧</a>App部分页面的开发和维护
                                (我们有很多个App，代码是类似的一套)
                            </p>
                            <p><strong>1.</strong> 该项目使用AngularJS和ionic框架进行开发，通过gulp构建，将vendor与业务代码分离，build后关乎业务的app.js大小在200k左右，
                                客户端打包时将该资源链接到CDN上，绕开了AppStore审核实现了热更新。这样在发布、改版、bug fixes时有了极大的控制权，业务上意义重大。
                            </p>
                            <p><strong>2.</strong> 这个App属于旧项目与新项目（贷款）的合并，代码量极大，前端处理逻辑非常复杂，我们对原有架构进行了一些改进，整个架构变的现代化了一些，将每个页面的controller
                                、template、style存放在独立的文件夹里，看起来像Vue里一个较大的容器组件，代码结构清晰许多；增加了babel来支持ES6，前端敏感信息通过rsa进行加密传输。整体项目使用了
                                AngularJS+ES6+Scss+Gulp这样的技术架构。
                            </p>
                        </li>
                        <li>
                            <div class="circle"></div>
                            <h4>后台类管理系统（PC）</h4>
                            <p>负责App对应的后台管理系统的开发维护，包括贷款的信用审核（授信）系统、打款系统</p>
                            <p><strong>1.</strong> 该项目没有历史包袱，由我进行技术选型和架构搭建，在和Vue.js对比后采用了最新的Angular4进行开发，最初使用Webpack进行构建，后期为了方便整体迁移到了Angular-Cli。
                                授信系统有七个主要模块，包括采集用户照片、SDK对比风险结果展示；通讯录、通话记录的分页／排序；个人地址类信息和GPS位置采集在地图上的展示等。
                                该项目配置了tslint和codelyzer进行代码风格检查，保证代码风格和组件命名的统一规范，使用webpack-bundle-analyzer分析bundle，按需加载module，减少了bundle大小，
                                开启gzip后venor大小仅288k，此外还配置了一些文档的自动生成工具。
                            </p>
                            <p><strong>2.</strong> 整体项目使用Angular4+TypeScript+Scss+Webpack这样技术架构，UI框架分别使用了Angular Material和Boostrap。在技术选型时特别对比了Vue的情况，但最终选择了Angular。原因是后台类应用往往请求多、逻辑复杂，Angular更好的与TypeScript结合，
                                带来了静态类型和更多的代码提示，减少了许多运行时错误和隐藏的类型坑；依赖注入使项目结构和分层更加清晰合理，文件较好的遵循了单一职责原则，每个文件代码行数得到控制。Angular有NgModule这样的概念，支持模块级别的lazy load，可以将多个组件归类在一起，更大范围的模块化为复杂应用带来了显著的好处。
                                Angular和RxJs的结合让它在处理异步数据时显的十分优雅，但是rxjs库难度较高，可以使用toPromise方法转化到我们熟悉的Promise，也可以直接subscribe订阅数据后赋值。以上我认为是Angular在大型复杂应用上相比Vue的优势。
                            </p>
                        </li>
                        <li>
                            <div class="circle"></div>
                            <h4>公司官网（PC、Mobile）<a href="https://www.wuyouxinyong.com/" target="_black">访问</a></h4>
                            <p>公司官方网站的开发和维护</p>
                            <p>
                                PC版官网使用JQuery，移动版官网使用Zepto，均是操作DOM来实现。
                            </p>
                        </li>
                        <li>
                            <div class="circle"></div>
                            <h4>
                                <span>Node.js服务</span>
                            </h4>
                            <p>在内网上部署了Node服务，主要包括了App推送并发量监控、某个服务的访问情况监控、Excle表格生成和文件／图片上传到OSS这四项服务。</p>
                            <p>
                                Java开发通常都很忙或者开发成本很高，所以一些边缘性业务我用Node做了实现。
                                前两个监控项目是定时任务，定时调起Java提供的接口将返回值保存到Mongo数据库，在前端需要时查询数据库返回一个list，在前端通过ECharts这样的图表库做可视化，Excle表格使用了一个第三方npm
                                包，接收前端处理好数据格式后生成Excel文件并传到OSS，返回给前端一个下载地址。文件／图片上传使用了阿里云OSS的api。
                            </p>
                            <p>该项目使用了Node+Express+MongoDB进行开发，使用PM2部署在内网服务器上。</p>
                        </li>
                    </ul>
                    <h3>个人项目</h3>
                    <ul class="exp">
                        <li>
                            <div class="circle"></div>
                            <h4>
                                <span>提额无忧Vue版</span>
                            </h4>
                            <p>提额无忧是公司最大、功能最多的一个App，controller就有1.4w行，由于历史架构原因代码可读性可维护性都很差，
                                我只用Vue重构了近二十个页面就没有时间再继续下去了。
                            </p>
                            <p>使用了Vue2+Vue-router+Vuex开发，该项目让我熟悉了Vue的开发范式，单文件组织的优势是简洁明快，一个.vue文件就是一个组件，不像Angular那样繁琐，非常
                                适合移动端每个页面请求较少，逻辑不复杂的情况，使用vuex可以方便的在非父子组件间通信。
                            </p>
                        </li>
                        <li>
                            <div class="circle"></div>
                            <h4>
                                <span>Node.js博客</span>
                                <a href="https://github.com/colordove/nodeblog" target="_blank"><i class="icon-link"></i>源代码</a>                                
                            </h4>
                            <p>这是一个用了Node+Express+Jade+MongoDB的个人博客系统，是我学生时代学习node.js时的作品</p>                            
                        </li>
                        <li>
                            <div class="circle"></div>
                            <h4>
                                <span>Hexo博客</span>
                                <a href="http://colordove.github.io/" target="_blank"><i class="icon-link"></i>访问</a>                                
                            </h4>
                            <p>这是一个用Hexo搭起来的博客，部署在github page上，也是我会写文章和长期维护的个人博客。</p>                            
                        </li>
                    </ul>
                </li>
                <li>
                    <dt><i class="icon-bookmark"></i>Skill 技能清单</dt>
                    <h3>前端 FRONT END</h3>
                    <ul class="exp">
                        <li>
                            <div class="circle"></div>
                            <h4>HTML / CSS</h4>
                            <p>能够编写语义化的HTML，完成复杂页面布局，解决浏览器兼容问题</p>
                            <p>熟悉SCSS，使用Flex布局</p>
                        </li>
                        <li>
                            <div class="circle"></div>
                            <h4>JavaScript</h4>
                            <p>熟悉原生JavaScript，能脱离 JQuery 等类库编程，prototype、闭包、this指向这些当然也熟悉啦，毕竟读过几遍《JavaScript高级程序设计》
                                、《JavaScript模式》等经典书籍
                                。学生时代使用JavaScript做过大量BOM、DOM相关的练习，JavaScript基础良好。
                            </p>
                            <p>熟悉ES6/7+、TypeScript</p>
                            <p>熟悉Angular／Vue框架，在了解和学习React开发范式</p>
                        </li>
                        <li>
                            <div class="circle"></div>
                            <h4>其他</h4>
                            <p>熟悉 Webpack Gulp 等前端构建工具</p>
                            <p>熟悉 Git操作（在用Commitizen工具使用Angular团队的提交规范）</p>
                            <p>熟悉 Safari Web检查器、Charles、Postman等多种抓包调试工具</p>
                            <p>使用 MacBook、VS Code开发</p>
                            <p>Copying and pasting from <a href="https://www.stackoverflow.com/" target="_black">stack overflow</a></p>
                        </li>
                    </ul>
                    <h3>后端 BACK END</h3>
                    <ul class="exp">
                        <li>
                            <div class="circle"></div>
                            <h4>Node.js</h4>
                            <p>了解 Node.js 的开发，熟悉Express框架，使用 pm2  部署</p>
                            <p>了解 MySQL、MongoDB数据库</p>
                        </li>
                    </ul>
                    <h3>WHY ME？</h3>
                    <ul class="exp">
                        <li>
                            <p>团队为先：坚持代码可读性可维护性第一，不炫技、不盲目追新。</p>
                            <p>责任心：对代码负责、对业务负责，遇到问题跟踪解决问题而不是借口不是我的工作不关心。</p>
                            <p>技术热情：不断学习保持前沿的技术栈，从编程中获取成就感并激励自己。</p>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
    <footer>
         <p><a href="http://colordove.github.io/resume/%E8%83%A1%E5%81%A5-%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%B8%88.pdf" target="_blank">PDF 下载</a> 最后更新于2017年8月1日</p> 
    </footer> 
    <script src="./胡健的简历_files/zoom.min.js.下载"></script>


</body></html>